<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>

                <title>SOLICITUD DE MATERIAL</title>
            </f:facet>
        </h:head>

        <h:body>

            <div id="container">
                <div id="banner">
                    <h1>LA GEA EL SALVADOR</h1>
                </div>
                <div id="navbar2" >
                    <ul>
                        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
                    </ul>
                </div>
                <div id="navbar">
                    <h:form>
                        <ul>
                            <li><h:link outcome="MenuInicio">INICIO</h:link></li>
                            <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
                            <li><h:link outcome="Reportes">REPORTES</h:link></li>
                            <li><h:link outcome="Ordenes">ORDENES</h:link></li>
                            <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
                            <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
                            <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
                            <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>

                        </ul>
                    </h:form>
                </div>
                <div class="clear"></div>
                <div id="content">
                    <h:form id="requis">
                        <!-- <img src="./images/construccion.png"/> -->
                        <!-- Header ANGEL INICIO inserto aqui -->
                        <div id="content" class="content">
                            <h2 id="titulo" align="center" >MODULO DE COMPRAS</h2>
                            <h:form >
                                <p:commandButton id="but_crear" value="CREAR" />
                                <p:commandButton id="but_abrir" value="ABRIR" />
                                <p:commandButton id="but_modif" value="MODIFICAR" />
                                <h:link outcome="Index">SALIR</h:link>
                            </h:form>
                            
                                <p:panel header="CREAR">  
                                    <h:panelGrid columns="2" cellpadding="5">  
                                        <h:outputText value="Fecha: " />  
                                        <p:inputMask value="" mask="99/99/9999"/>  

                                        <h:outputText value="No Factura: " />  
                                        <p:inputMask value="" mask="999-9999"/>  

                                        <h:outputText value="Proveedor: " />  
                                        <p:inputMask value="" mask="aaaaaaaaaaaaaa"/>  

                                        <h:outputText value="Usuario: " />  
                                        <p:inputMask value="" mask="aaaaaaaaaaaaaa"/>  
 
                                    </h:panelGrid>  
                                </p:panel> 
                            
                            <p:panel header="DETALLE">  
                                    <h:panelGrid columns="2" cellpadding="5">  
                                        <h:outputText value="Cantidad: " />  
                                        <p:inputMask value="" mask="99,999,999"/>  

                                        <h:outputText value="Material: " />  
                                        <p:inputMask value="" mask="aaaaaaaaaaa"/>  

                                     </h:panelGrid>  
                                </p:panel> 
                            
                        </div>
                        <!-- End Footer ANGEL FIN inserto aqui -->
                    </h:form>


                </div>
                <div class="clear"></div>
                <div id="footer">
                    <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
                </div>
            </div>

        </h:body>

    </f:view>
</html>